﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.1.3 铃声</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_1_3_铃声/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_1_3_铃声/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u684" class="ax_default _形状" data-label="Rectangle">
        <div id="u684_div" class=""></div>
        <div id="u684_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u685" class="ax_default" data-left="564" data-top="35" data-width="324" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u686" class="ax_default" data-left="851" data-top="35" data-width="28" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u687" class="ax_default _形状">
            <div id="u687_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u688" class="ax_default _形状">
            <div id="u688_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u689" class="ax_default _形状">
            <div id="u689_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u690" class="ax_default image">
          <img id="u690_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u691" class="ax_default _文本段落" data-label="Header 2">
          <div id="u691_div" class=""></div>
          <div id="u691_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u692" class="ax_default _文本段落" data-label="Header 2">
          <div id="u692_div" class=""></div>
          <div id="u692_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u693" class="ax_default box_1">
        <div id="u693_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u694" class="ax_default" data-left="578" data-top="102" data-width="156" data-height="22">

        <!-- Unnamed (形状) -->
        <div id="u695" class="ax_default icon">
          <img id="u695_img" class="img " src="images/1_1_3_铃声/u695.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u696" class="ax_default label">
          <div id="u696_div" class=""></div>
          <div id="u696_text" class="text ">
            <p><span>铃声</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u697" class="ax_default" data-left="542" data-top="149" data-width="347" data-height="103">

        <!-- Unnamed (矩形) -->
        <div id="u698" class="ax_default label">
          <div id="u698_div" class=""></div>
          <div id="u698_text" class="text ">
            <p><span>本地音乐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u699" class="ax_default box_1">
          <div id="u699_div" class=""></div>
          <div id="u699_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; Alone Again</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u700" class="ax_default box_1">
          <div id="u700_div" class=""></div>
          <div id="u700_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; 选取歌曲</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u701" class="ax_default icon">
          <img id="u701_img" class="img " src="images/1_1_3_铃声/u701.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u702" class="ax_default" data-left="542" data-top="270" data-width="347" data-height="103">

        <!-- Unnamed (矩形) -->
        <div id="u703" class="ax_default label">
          <div id="u703_div" class=""></div>
          <div id="u703_text" class="text ">
            <p><span>录音文件</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u704" class="ax_default box_1">
          <div id="u704_div" class=""></div>
          <div id="u704_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; 万宝的声音</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u705" class="ax_default box_1">
          <div id="u705_div" class=""></div>
          <div id="u705_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; ＋新录音</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u706" class="ax_default" data-left="542" data-top="394" data-width="347" data-height="147">

        <!-- Unnamed (矩形) -->
        <div id="u707" class="ax_default label">
          <div id="u707_div" class=""></div>
          <div id="u707_text" class="text ">
            <p><span>电话铃声</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u708" class="ax_default box_1">
          <div id="u708_div" class=""></div>
          <div id="u708_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; Classic</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u709" class="ax_default box_1">
          <div id="u709_div" class=""></div>
          <div id="u709_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; Beep</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u710" class="ax_default box_1">
          <div id="u710_div" class=""></div>
          <div id="u710_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; Picnic</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u711" class="ax_default" data-left="99" data-top="660" data-width="230" data-height="39">

        <!-- Unnamed (垂直线) -->
        <div id="u712" class="ax_default line">
          <img id="u712_img" class="img " src="images/1_1_1_叫醒任务/u392.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u713" class="ax_default label">
          <div id="u713_div" class=""></div>
          <div id="u713_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u714" class="ax_default label">
          <div id="u714_div" class=""></div>
          <div id="u714_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u715" class="ax_default icon">
        <img id="u715_img" class="img " src="images/1_1_1_叫醒任务/u395.png"/>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u716" class="ax_default _形状" data-label="Rectangle">
        <div id="u716_div" class=""></div>
        <div id="u716_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u717" class="ax_default" data-left="44" data-top="35" data-width="325" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u718" class="ax_default" data-left="332" data-top="35" data-width="28" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u719" class="ax_default _形状">
            <div id="u719_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u720" class="ax_default _形状">
            <div id="u720_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u721" class="ax_default _形状">
            <div id="u721_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u722" class="ax_default image">
          <img id="u722_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u723" class="ax_default _文本段落" data-label="Header 2">
          <div id="u723_div" class=""></div>
          <div id="u723_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u724" class="ax_default _文本段落" data-label="Header 2">
          <div id="u724_div" class=""></div>
          <div id="u724_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u725" class="ax_default box_1">
        <img id="u725_img" class="img " src="images/1_1_1_叫醒任务/u428.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u726" class="ax_default line">
        <img id="u726_img" class="img " src="images/1_1_1_叫醒任务/u429.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u727" class="ax_default" data-left="149" data-top="84" data-width="94" data-height="19">

        <!-- Unnamed (图片) -->
        <div id="u728" class="ax_default image">
          <img id="u728_img" class="img " src="images/1_1_闹钟设置/u303.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u729" class="ax_default label">
          <div id="u729_div" class=""></div>
          <div id="u729_text" class="text ">
            <p><span>7分钟后响铃</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u730" class="ax_default" data-left="126" data-top="148" data-width="140" data-height="47">

        <!-- Unnamed (矩形) -->
        <div id="u731" class="ax_default label">
          <div id="u731_div" class=""></div>
          <div id="u731_text" class="text ">
            <p><span>21：32</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u732" class="ax_default box_1">
          <div id="u732_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u733" class="ax_default label">
        <div id="u733_div" class=""></div>
        <div id="u733_text" class="text ">
          <p><span>20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u734" class="ax_default label">
        <div id="u734_div" class=""></div>
        <div id="u734_text" class="text ">
          <p><span>22&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u735" class="ax_default label">
        <div id="u735_div" class=""></div>
        <div id="u735_text" class="text ">
          <p><span>33</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u736" class="ax_default label">
        <div id="u736_div" class=""></div>
        <div id="u736_text" class="text ">
          <p><span>31</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u737" class="ax_default" data-left="33" data-top="247" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u738" class="ax_default box_1">
          <img id="u738_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u739" class="ax_default label">
          <div id="u739_div" class=""></div>
          <div id="u739_text" class="text ">
            <p><span>叫醒任务</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u740" class="ax_default label">
          <div id="u740_div" class=""></div>
          <div id="u740_text" class="text ">
            <p><span>OFF</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u741" class="ax_default" data-left="80" data-top="660" data-width="230" data-height="39">

        <!-- Unnamed (垂直线) -->
        <div id="u742" class="ax_default line">
          <img id="u742_img" class="img " src="images/1_1_1_叫醒任务/u392.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u743" class="ax_default label">
          <div id="u743_div" class=""></div>
          <div id="u743_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u744" class="ax_default label">
          <div id="u744_div" class=""></div>
          <div id="u744_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u745" class="ax_default" data-left="33" data-top="300" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u746" class="ax_default box_1">
          <img id="u746_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u747" class="ax_default label">
          <div id="u747_div" class=""></div>
          <div id="u747_text" class="text ">
            <p><span>周期</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u748" class="ax_default label">
          <div id="u748_div" class=""></div>
          <div id="u748_text" class="text ">
            <p><span>永不</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u749" class="ax_default" data-left="33" data-top="353" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u750" class="ax_default box_1">
          <div id="u750_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u751" class="ax_default label">
          <div id="u751_div" class=""></div>
          <div id="u751_text" class="text ">
            <p><span>铃声</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u752" class="ax_default label">
          <div id="u752_div" class=""></div>
          <div id="u752_text" class="text ">
            <p><span>Classic</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u753" class="ax_default" data-left="33" data-top="395" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u754" class="ax_default box_1">
          <img id="u754_img" class="img " src="images/1_1_1_叫醒任务/u457.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u755" class="ax_default _图片">
          <img id="u755_img" class="img " src="images/1_1_闹钟设置/u330.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u756" class="ax_default icon">
          <img id="u756_img" class="img " src="images/1_1_1_叫醒任务/u459.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u757" class="ax_default" data-left="88" data-top="406" data-width="197" data-height="18">

          <!-- Unnamed (水平线) -->
          <div id="u758" class="ax_default _水平线">
            <img id="u758_img" class="img " src="images/1_1_1_叫醒任务/u461.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u759" class="ax_default _水平线">
            <img id="u759_img" class="img " src="images/1_1_1_叫醒任务/u462.png"/>
          </div>

          <!-- Rectangle (矩形) -->
          <div id="u760" class="ax_default _形状" data-label="Rectangle">
            <div id="u760_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u761" class="ax_default icon">
        <img id="u761_img" class="img " src="images/1_1_1_叫醒任务/u395.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u762" class="ax_default" data-left="33" data-top="502" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u763" class="ax_default box_1">
          <img id="u763_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u764" class="ax_default label">
          <div id="u764_div" class=""></div>
          <div id="u764_text" class="text ">
            <p><span>备注</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u765" class="ax_default label">
          <div id="u765_div" class=""></div>
          <div id="u765_text" class="text ">
            <p><span>遛狗</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u766" class="ax_default" data-left="33" data-top="448" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u767" class="ax_default box_1">
          <img id="u767_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u768" class="ax_default label">
          <div id="u768_div" class=""></div>
          <div id="u768_text" class="text ">
            <p><span>小睡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u769" class="ax_default label">
          <div id="u769_div" class=""></div>
          <div id="u769_text" class="text ">
            <p><span>1 分钟</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u770" class="ax_default" data-left="249" data-top="132" data-width="99" data-height="127">

        <!-- Header 2 (矩形) -->
        <div id="u771" class="ax_default _文本段落" data-label="Header 2">
          <div id="u771_div" class=""></div>
          <div id="u771_text" class="text ">
            <p><span>上下滑动（Swipe）</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u772" class="ax_default image">
          <img id="u772_img" class="img " src="images/图例/u146.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u773" class="ax_default image">
          <img id="u773_img" class="img " src="images/1_1_1_叫醒任务/u476.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u774" class="ax_default image">
          <img id="u774_img" class="img " src="images/图例/u146.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u775" class="ax_default" data-left="365" data-top="359" data-width="213" data-height="113">

        <!-- Unnamed (图片) -->
        <div id="u776" class="ax_default image">
          <img id="u776_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u777" class="ax_default _文本段落" data-label="Header 2">
          <div id="u777_div" class=""></div>
          <div id="u777_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u778" class="ax_default" data-left="365" data-top="377" data-width="177" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u779" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="174" CompoundMode="true">
            <img id="u779_img" class="singleImg img " src="images/1_1_3_铃声/u779.png"/>
            <div id="u779p000" class="ax_vector_shape" WidgetTopLeftX="-0.48876404494382" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.48876404494382" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.48876404494382" WidgetBottomLeftY="0" WidgetBottomRightX="0.48876404494382" WidgetBottomRightY="0">
              <img id="u779p000_img" class="img " src="images/1_1_3_铃声/u779p000.png"/>
            </div>
            <div id="u779p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="43.5" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="43.5" WidgetBottomRightY="0">
              <img id="u779p001_img" class="img " src="images/图例/u9p001.png"/>
            </div>
            <div id="u779p002" class="ax_vector_shape" WidgetTopLeftX="8.5" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="8.5" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
              <img id="u779p002_img" class="img " src="images/图例/u9p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u780" class="ax_default _形状">
            <div id="u780_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u781" class="ax_default" data-left="99" data-top="417" data-width="143" data-height="75">

        <!-- Unnamed (组合) -->
        <div id="u782" class="ax_default" data-left="125.5" data-top="417" data-width="75.5" data-height="48">

          <!-- Unnamed (图片) -->
          <div id="u783" class="ax_default image">
            <img id="u783_img" class="img " src="images/图例/u146.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u784" class="ax_default image">
            <img id="u784_img" class="img " src="images/1_1_3_铃声/u784.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u785" class="ax_default image">
            <img id="u785_img" class="img " src="images/图例/u146.png"/>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u786" class="ax_default _文本段落" data-label="Header 2">
          <div id="u786_div" class=""></div>
          <div id="u786_text" class="text ">
            <p><span>左右滑动（Swipe）</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u787" class="ax_default" data-left="33" data-top="556" data-width="325" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u788" class="ax_default box_1">
          <img id="u788_img" class="img " src="images/1_1_1_叫醒任务/u441.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u789" class="ax_default label">
          <div id="u789_div" class=""></div>
          <div id="u789_text" class="text ">
            <p><span>睡眠跟踪</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u790" class="ax_default" data-left="309" data-top="567" data-width="40" data-height="23">

          <!-- Unnamed (组合) -->
          <div id="u791" class="ax_default" data-left="309" data-top="567" data-width="40" data-height="23">

            <!-- Unnamed (矩形) -->
            <div id="u792" class="ax_default _形状">
              <div id="u792_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u793" class="ax_default _形状">
              <div id="u793_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u794" class="ax_default icon">
        <img id="u794_img" class="img " src="images/1_1_3_铃声/u794.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u795" class="ax_default box_1">
        <img id="u795_img" class="img " src="images/1_1_3_铃声/u795.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u796" class="ax_default label">
        <div id="u796_div" class=""></div>
        <div id="u796_text" class="text ">
          <p><span>功能逻辑：</span></p><p><span>用户可以选择APP自带的多种铃声，也可以从手机本地导入录音，还可以选择手机下载的音乐。</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>铃声下的音量滑块左右滑动可以直接改变铃声的大小，不受设备本身音量大小的影响，旁边的icon则是震动被选中的状态。</span></p><p><span>铃声页面中Classic为选中状态，被选中的铃声状态为字体加粗，从16号变到18号，出现√在最右侧。</span></p><p><span>单击铃声页面跳转到铃声选择页面，单击录音文件的“+新录音”，底部弹出访问权限的对话框“录制新录音”or“从本地选取录音”；单击本地音乐的“选取歌曲”</span></p><p><span><br></span></p><p><span>技术逻辑：</span></p><p><span>铃声页面的分类排序为本地音乐，录音文件，电话铃声。</span></p><p><span><br></span></p><p><span>业务逻辑：</span></p><p><span>多种铃声选项供用户选择，增添闹钟乐趣，防止用户对闹钟铃声形成“抗体”，减少用户因为被闹钟吵醒的抵触感。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
